<div class="kmi-list column-selector" column-selector-id="{{ sheetGrid_event.targetSheet }}">
    <div class="kmi-list__header">
        <div class="kmi-list__column" style="flex: 0 0 120px;" ng-bind="'QT05.sheet.trade_details.TRANSACTION_DATE' | translate"></div>
        <div class="kmi-list__column" style="flex: 0 0 100px;" ng-bind="'QT05.sheet.trade_details.DOC_CATEGORY' | translate"></div>
        <div class="kmi-list__column" style="flex: 0 0 100px;" ng-bind="'QT05.sheet.trade_details.FULL_DOC_NO' | translate"></div>
        <div class="kmi-list__column" style="flex: 0 0 100px;" ng-bind="'QT05.sheet.trade_details.ITEM_CODE' | translate"></div>
        <div class="kmi-list__column" style="flex: 0 0 100px;" ng-bind="'QT05.sheet.trade_details.ITEM_FEATURE_CODE' | translate"></div>
        <div class="kmi-list__column" style="flex: 0 0 100px;" ng-bind="'QT05.sheet.trade_details.QTY' | translate"></div>
        <div class="kmi-list__column" style="flex: 0 0 100px;" ng-bind="'QT05.sheet.trade_details.UNIT_CODE' | translate"></div>
        <div class="kmi-list__column" style="flex: 0 0 100px;" ng-bind="'QT05.sheet.trade_details.UNIT_NAME' | translate"></div>
        <div class="kmi-list__column" style="flex: 0 0 100px;" ng-bind="'QT05.sheet.trade_details.LOT_CODE' | translate"></div>
        <div class="kmi-list__column" style="flex: 0 0 100px;" ng-bind="'QT05.sheet.trade_details.WAREHOUSE_NAME' | translate"></div>
        <div class="kmi-list__column" style="flex: 0 0 100px;" ng-bind="'QT05.sheet.trade_details.BIN_NAME' | translate"></div>
    </div>
    <div class="kmi-list__row-content" style="overflow: auto;">
        <div class="kmi-list__row" ng-class="{'is-select':setting_item.is_select}"
            ng-repeat="data in sheetGrid_event.sheetData track by $index">
            <div class="kmi-list__column column-border" ng-bind="data.TRANSACTION_DATE"></div>
            <div class="kmi-list__column column-border" ng-bind="data.DOC_CATEGORY"></div>
            <div class="kmi-list__column column-border" ng-bind="data.FULL_DOC_NO"></div>
            <div class="kmi-list__column column-border" ng-bind="data.ITEM_CODE"></div>
            <div class="kmi-list__column column-border" ng-bind="data.ITEM_FEATURE_CODE"></div>
            <div class="kmi-list__column column-border" ng-bind="data.QTY"></div>
            <div class="kmi-list__column column-border" ng-bind="data.UNIT_CODE"></div>
            <div class="kmi-list__column column-border" ng-bind="data.UNIT_NAME"></div>
            <div class="kmi-list__column column-border" ng-bind="data.LOT_CODE"></div>
            <div class="kmi-list__column column-border" ng-bind="data.WAREHOUSE_NAME"></div>
            <div class="kmi-list__column column-border" ng-bind="data.BIN_NAME"></div>
        </div>
    </div>
</div>